@charset "utf-8";
*{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }

body{ font-family:Arial, "微軟正黑體", "新細明體"; }

.color-gray{ color:#615f61; }
.color-red{ color:#de072a; }
.color-wite{ color:#fff; }
.size-20{ font-size:20px !important; }
.fa{ vertical-align:middle; }
.mar_lr_5{ margin:0 5px; }
.mar_t_78{ margin-top:78px; }
.mar_b_20{ margin-bottom:20px; }
.mar_b_35{ margin-bottom:35px; }
.mar_b_0_mob{ margin-bottom:0 !important; }
.mar_b_35_mob{ margin-bottom:35px; }
.mar_0{ margin:0 !important; }
.pad_lr_0_mob{ padding:0; }
.block_mob{ display:none; }
.text-left{ text-align:left !important; }
	

.header{ width:100%; height:78px; border-bottom:1px solid #ccc; padding:14px 0; position:fixed; top:0; left:0; z-index:100; background:#c99c54; }
.header .logo{ display:block; width:283px; height:58px; background-image:url(../images/layout/logo.jpg); background-repeat:no-repeat; transition:none; -webkit-transition:none; -moz-transition:none; }
.nav{ margin-left:25px; }
.navbar-brand, .navbar-nav>li>a{ color:#fff; font-size:18px; }
.nav>li>a:focus, .nav>li>a:hover{ color:#c99c54; }

.header .right-nav{ position:absolute; top:6px; right:0; width:263px; }
.header .right-nav .grids{ display:inline-block; vertical-align:middle; padding:0 20px; }
.header .right-nav .grids a{ display:inline-block; vertical-align:middle; }
.header .right-nav .grids a:hover{ opacity:0.5; text-decoration:none; }
.header .right-nav .grids a:focus{ text-decoration:none; }
.header .right-nav .grids .txts{ display:inline-block; vertical-align:middle; font-size:15px; color:#444; }
.header .right-nav .grids .icons{ display:inline-block; vertical-align:middle; width:20px; }
.header .right-nav .grids .icons img{ width:100%; }
.header .right-nav .divider{ height:64px; display:inline-block; vertical-align:middle; width:1px; background:#eee; }


.header .right-login{ position:absolute; top:6px; right:0; z-index:1; width:134px; }
.header .right-login .grids{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:0 20px; }
.header .right-login .grids a{ display:inline-block; vertical-align:middle; }
.header .right-login .grids a:hover{ /*opacity:0.5;*/ text-decoration:none; background-color:#fff !important; }
.header .right-login .grids a:hover .txts{ color:#c99c54; }
.header .right-login .grids a:focus{ text-decoration:none; }
.header .right-login .grids .txts{ display:inline-block; vertical-align:middle; font-size:15px; color:#fff; }
.header .right-login .grids .icons{ display:inline-block; vertical-align:middle; width:20px; font-size:0; }
.header .right-login .grids .icons img{ width:100%; }
.header .right-login .divider{ height:64px; display:inline-block; vertical-align:middle; width:1px; background:#eee; }
.header .right-login .grids .logout{ display:block; text-align: center; }
.header .right-login .grids .logout a{ text-decoration: none; color: #666; font-size: 12px; background: #eee; padding: 2px 10px; border-radius: 3px; }
.header .right-login .grids .txtBox{ color: #ffffff; font-size:14px; margin: 0 0 5px 0; text-align: center; }

.footer{ background:#222222; padding:50px 0; margin-top:100px; }
.footer.actleft{ margin-left:25%; }
.footer .centers{ text-align:center; }
.footer .flogo{ display:inline-block; width:372px; height:38px; background-image: url(../images/layout/flogo_news.png); background-repeat:no-repeat; transition:none; -webkit-transition:none; -moz-transition:none; }
.footer .ltext{ padding:44px 0 0 0; }
.footer .ltext .grids{ display:inline-block; vertical-align:middle; padding:0 10px; font-size:18px; color:#fff; }
.footer .copytxt{ padding:30px 0 0 0; color:#808080; font-size:12px; }
.footer .copytxt.pads{ padding:0; }

/* footer news */
.flex_helf{ flex: 50; }

.footer_b1{ display:flex; flex-wrap:wrap; margin-bottom:50px; justify-content:center; }
.footer_b1 .b1_box{ width:20%; text-align:center; padding-top:17px; }
.footer_b1 .b1_box .b1_grids *{transition: all 0.5s;}
.footer_b1 .b1_box .b1_grids{ position:relative; display:inline-block; height:146px; width:146px; text-align:center; border:3px solid rgba(201, 156, 84, 0.3); border-radius:50%; background-image:url(../images/layout/fgrid.jpg); background-size: auto; background-repeat: no-repeat; background-position: center; }
.footer_b1 .b1_box .b1_grids:before{ content:''; transition:all .5s ease; background-color:rgba(47, 47, 47, 0.8); width:calc(100% + 6px); height:calc(100% + 6px); border-radius:146px; position:absolute; top:-3px; left:-3px; z-index:1; }
.footer_b1 .b1_box .b1_grids .b1_gcontent{ z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.footer_b1 .b1_box .b1_grids .b1_gcontent>div{ text-align:center; margin:0 auto; }
.footer_b1 .b1_box .b1_grids .b1_gcontent .b1_title{ color:#fff; font-size:16px; letter-spacing: 2px; text-indent: 2px; text-shadow: 1px 1px 6px #271e0f; position: absolute; width: 100px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.footer_b1 .b1_box .b1_grids .b1_gcontent .b1_link{ opacity:0; color:#fff; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); font-size:20px; line-height:35px; height:35px; width:35px; border-radius:50%; background-color:rgba(30,30,30,.25); }

.footer_b1 .b1_box:hover,
.footer_b1 .b1_box.hold{ padding-top:0px; }
.footer_b1 .b1_box:hover .b1_grids,
.footer_b1 .b1_box.hold .b1_grids{ height:180px; width:180px; }
.footer_b1 .b1_box:hover .b1_grids:before,
.footer_b1 .b1_box.hold .b1_grids:before{ background-color:rgba(47, 47, 47, 0.2); }
.footer_b1 .b1_box:hover .b1_grids .b1_title,
.footer_b1 .b1_box.hold .b1_grids .b1_title{ top:calc(50% - 25px); }
.footer_b1 .b1_box:hover .b1_grids .b1_link,
.footer_b1 .b1_box.hold .b1_grids .b1_link{ opacity:1; }

.footer_b2{ display:flex; padding:40px 50px 0; border-top:1px solid #c99c54; }
.footer_b2 .b2_mlogo{ display:none; }

.footer_b2 .b2_left .copytxt{
    color: rgb(128, 128, 128);
    font-family: Arial, 微軟正黑體, "Microsoft JhengHei", sans-serif;
    padding-top:20px; text-align:left;
}
.footer_b2 .b2_right{ display:flex; flex-direction:column; text-align:right; }
.footer_b2 .b2_right .b2_box{ display:flex; flex-direction:row; margin-bottom:20px; }
.footer_b2 .b2_right .b2_box *{ 
    font-size: 14px;
    font-family: Arial, 微軟正黑體, "Microsoft JhengHei", sans-serif;
    letter-spacing: 1px;
    line-height:1.5rem; margin-top:0.2625rem; margin-bottom:0.3rem;
}

.footer_b2 .b2_right .b2_box .b2_title{ position:relative; padding-left:70px; line-height:21px; min-width: 170px; word-break:keep-all; text-align: left; }
.footer_b2 .b2_right .b2_box .b2_title:before{ content:""; position:absolute; top:9px; left:5px; width:60px; border-top:1px solid #c99c54; }
.footer_b2 .b2_right .b2_box .b2_title .b2_link{ color:#c99c54; word-break:keep-all; }
.footer_b2 .b2_right .b2_box .b2_content{ text-align:left; }
.footer_b2 .b2_right .b2_box .b2_content .b2_link{ display:inline-block; color:#bababa; word-break:keep-all; position:relative; padding-right:10px; margin-right:10px; }
.footer_b2 .b2_right .b2_box .b2_content .b2_link:before{ content:""; position:absolute; top:0; bottom:0; right:0; border-right:1px solid #bababa; }
.footer_b2 .b2_right .b2_box .b2_content .b2_link:last-child:before{ border-right:none; }

@media (max-width: 991px){
.mar_t_20_mob{ margin-top:20px; }
.mar_t_50_mob{ margin-top:50px; }
.mar_t_0_mob{ margin-top:0px !important; }
.mar_lr_0_mob{ margin-left:0; margin-right:0; }
.color_pink_m{ color: #ffffff; }
.block_pc{ display:none; }
.block_mob{ display:inline-block; }
	
.navbar-header{ width:100%; margin:auto !important; }
.header{ height:50px; padding: 9px 0; }
.header .logo{ width:61px; height:37px; margin: 0 0 0 40px; background-image:url(../images/layout/logo_m.jpg); background-size:100%; -webkit-background-size:100%; -moz-background-size:100%; }
.navbar-collapse.collapse { display:none !important; }
.collapse.in { display: block !important; }
.header .navbar-toggle { position: absolute; z-index: 9; padding:0; margin:auto; height: auto; left:10px; top: 0; bottom: 0; z-index: 102; }
.navbar-toggle { display:block; }
.navbar-toggle .icon-bar{ background-color:#fff; }
.navbar-toggle .icon-bar:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform-origin: 22% 100%; -webkit-transform-origin: 22% 100%; -moz-transform-origin: 22% 100%; }
.navbar-toggle .icon-bar:nth-child(3){display:none;}
.navbar-toggle .icon-bar:nth-child(4){transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform-origin: 38% 90%; -webkit-transform-origin: 38% 90%; -moz-transform-origin: 38% 90%; }
.navbar-toggle.collapsed .icon-bar{ background-color:#ffffff; }
.navbar-toggle.collapsed .icon-bar:nth-child(2){transform:none; -webkit-transform:none; -moz-transform:none;}
.navbar-toggle.collapsed .icon-bar:nth-child(3){display:block;}
.navbar-toggle.collapsed .icon-bar:nth-child(4){transform:none; -webkit-transform:none; -moz-transform:none;}

.header .right-login{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:auto; }
.header .right-login .grids{ padding:0 10px; position:relative; transform:none; -webkit-transform:none; -moz-transform:none; border-left:1px solid #e8e8e8; }
.header .right-login .divider{ display:none; }
.header .right-login .grids .txtBox{ margin:0 0 2px 0; font-size:12px; }
.header .right-login .grids .logout{ text-align:right; }
.header .right-login .grids .logout a{ font-size:12px; padding: 2px 10px; }

.header .right-nav .grids a:hover{ opacity:1; }

.footer{ padding:15px 0; margin-top: 50px; }
.footer.actleft{ margin:50px 0 0 0; }
.footer .flogo{/* width:230px; height:25px;*/ width: 263px; height: 28.58px; background-size:100%; margin-bottom:16px; }
.footer .ltext{ padding:15px 0 0 0; font-size:0; }
.footer .ltext .grids{ font-size:12px; width: 50%; margin: 5px 0; }
.footer .ltext .grids:nth-child(even){ border-left:1px solid #ffffff; }
.footer .copytxt{ padding:15px 5px 0 5px; }

#top-navbar{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:101; background-color: rgba(190, 153, 95,.95);  }
.nav{ margin:0 auto; float:none; padding:40px 0 0 0; }
.navbar-nav>li{ float:none; text-align:center; }
.navbar-nav>li>a{ display: inline-block; color:#fff; font-size:14px; }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background:none; color:#fff; }
.header .right-nav{ position:static; margin:0 auto; }
.header .right-nav .grids{ display:block; text-align:center; padding:15px 0 0 0; }
.header .right-nav .grids.login{ padding:10px; margin-top:20px; border-top: 1px solid #ff6668; }
.header .right-nav .grids .txts{ color:#fff; }
.header .right-nav .divider{ display:none; }

/* footer news */
.footer_b1{ margin:25px 0px; }
.footer_b1 .b1_box{ width:50%; }

.footer_b2{ flex-direction:column-reverse; padding-right:16px; padding-left:16px; }
/*.footer_b2 .b2_mlogo{ display:block; text-align:center; padding-bottom:20px; }*/
/*.footer_b2 .b2_pclogo{ display:none; }*/
.footer_b2 .flex_helf{ flex:100; }

/*.footer_b2 .b2_left .flogo{ display:none; }*/
.footer_b2 .b2_left .copytxt{ padding-top:0;/* text-align:center;*/ }
.footer_b2 .b2_left .copytxt br{ display:none; }
.footer_b2 .b2_right .b2_box{ display:block; margin-bottom:20px; }
.footer_b2 .b2_right .b2_box .b2_title{ width:calc(50% - 20px); margin-bottom:14px; padding-left:0px;/* text-align:center;*/ }
.footer_b2 .b2_right .b2_box .b2_title:before{ border-top:none; }
.footer_b2 .b2_right .b2_box .b2_content{ display:block; }
.footer_b2 .b2_right .b2_box .b2_content .b2_link{/* min-width:calc(50% - 20px);*/padding-right:14px; margin-right:14px; margin-bottom:12px;/* text-align:center; padding-right:unset; margin-right:unset;*/ }
/*.footer_b2 .b2_right .b2_box .b2_content .b2_link:before{ border-right:none; }
.footer_b2 .b2_right .b2_box .b2_content .b2_link:nth-child(even){ border-left:1px solid #bababa; }*/
}

/* 改版 */
@media (min-width:1200px){
    .container{ width:1220px; }
}


/*頁碼*/
.page_number{ position:relative;}
.page_number,
.page_number *{ box-sizing:border-box; }
.page_number .btn{ display: inline-flex; align-items: center; justify-content: center; min-width:30px; padding:0 10px; background-color: #fff; line-height:30px; height:30px; font-size:14px; color:#555; border:1px solid #ccc; vertical-align:top; margin:0 2px; text-align:center;}
.page_number .btn.focus{ border:1px solid #0889ca; background-color:#0889ca; color:#fff; font-weight:bold;}
.page_number .btn .fa{ line-height:28px;}
.page_number .btn.looking{ color:#ccc; border-color:#ddd; cursor:not-allowed;}
.page_number .quantity{ font-size:12px; color:#555; /*position:absolute; */top:0; right:6px; line-height:30px;}
.page_number .quantity .fa{ padding-right:5px;}

/*頁碼-Theme-SKM*/
.page_number.Theme-SKM .btn{ color: #999; border: 1px solid #999; border-radius: unset; }
.page_number.Theme-SKM .btn.focus{ color: #fff; background-color: #c99c54; border-color: #c99c54; outline: #c99c54; }
.page_number.Theme-SKM .btn.prev{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.page_number.Theme-SKM .btn.next{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }


@media screen and ( max-width: 1200px) {
    /*頁碼*/
    .page_number{ text-align:center; padding-bottom:30px; position:relative; font-size:0; }
    .page_number .quantity{ text-align:center; top:auto; bottom:0; left:0; right:0; margin:auto; }
    .page_number .btn{ height:30px; line-height:30px; }
    .page_number .btn .fa{ line-height:24px; }

    /*頁碼-Theme-SKM*/
    .page_number.pageStyle{ padding: 35px 0 30px 0; }
}